<link rel="stylesheet" href="/Public/location/Css/newph.css">
<div id="main" style="max-width:1140px;margin:0px auto;">

<volist name="navs" id="cate_ph">
        <div class="index_toplist mright mbottom">
            <div class="toptab" id="top_all_<{$key+1}>">
                <span><{$cate_ph.name}>榜单</span>
                <span class="tabRight">
                    <span onmouseover="setTab('o<{$key+1}>g',1,3,'cur','')" class="cur" id="o<{$key+1}>g1">总</span>
                    <span onmouseover="setTab('o<{$key+1}>g',2,3,'cur','')" id="o<{$key+1}>g2" class="">月</span>
                    <span onmouseover="setTab('o<{$key+1}>g',3,3,'cur','')" id="o<{$key+1}>g3" class="">周</span>
                </span>
            </div>
            <div id="tabData_1">

                <div class="topbooks" id="con_o<{$key+1}>g_1" style="display: block;">
                    <{:W('CatePh/index',array($cate_ph['cate_id'],'1',15))}>
                </div>

                <div class="topbooks" id="con_o<{$key+1}>g_2" style="display: none;">
                    <{:W('CatePh/index',array($cate_ph['cate_id'],'2',15))}>
                </div>

                <div class="topbooks" id="con_o<{$key+1}>g_3" style="display: none;">
                    <{:W('CatePh/index',array($cate_ph['cate_id'],'3',15))}>
                </div>

            </div>
            <div class="clearfix"></div>
        </div>
</volist>


    <div class="index_toplist mbottom">
            <div class="toptab" id="top_all_8">
                <span>小说点击榜单</span>
                <span class="tabRight">
                    <span onmouseover="setTab('hng',1,3,'cur','')" class="cur" id="hng1">总</span>
                </span>
            </div>
            <div id="tabData_8">
                <div class="topbooks" id="con_hng_1" >
                    <ul>
                        <volist name="brows" id="brow">
                            <li><span class="hits"><{$brow.brow_num}></span>
                            <span class="num"><{$key+1}>.</span><a href="/<{$brow.book_id}>.html" title="<{$brow.book_name}>" target="_blank"><{$brow.book_name}></a></li>
                        </volist>
                    </ul>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>

    </div>

        <div class="index_toplist mbottom">
            <div class="toptab" id="top_all_8">
                <span>完本小说榜单</span>
                <span class="tabRight">
                    <span onmouseover="setTab('hng',1,3,'cur','')" class="cur" id="hng1">总</span>
                    <span onmouseover="setTab('hng',2,3,'cur','')" id="hng2" class="">月</span>
                    <span onmouseover="setTab('hng',3,3,'cur','')" id="hng3" class="">周</span>
                </span>
            </div>
            <div id="tabData_8">



                <div class="topbooks" id="con_hng_1" style="display: block;">
                    <{:W('CatePh/index',array('0','1',15))}>
                </div>



                <div class="topbooks" id="con_hng_2" style="display: none;">
                    <{:W('CatePh/index',array('0','2',15))}>
                </div>



                <div class="topbooks" id="con_hng_3" style="display: none;">
                    <{:W('CatePh/index',array('0','3',15))}>
                </div>


            </div>
            <div class="clearfix"></div>
        </div>

    </div>
    <script type="text/javascript">
        //滑动门
        function setTab(name, cursel, n, currentClass, otherClass) {
            for (i = 1; i <= n; i++) {
                var menu = document.getElementById(name + i);
                var con = document.getElementById("con_" + name + "_" + i);
                menu.className = i == cursel ? currentClass : otherClass;
                con.style.display = i == cursel ? "block" : "none";
            }
        }
    </script>
